﻿<script type="text/javascript">
    $(function () {
        $('#div_chart').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Sales Bench Marks'
            },
            subtitle: {
                text: '@ViewBag.FromTo'
                                },
                                xAxis: {
                                    categories: [
                                        'Box - Buildings',
                                        'Box - Other',
                                        'Cabin',
                                        'Shed'
                                    ]
                                },
                                yAxis: [{
                                    min: 0,
                                    title: {
                                        text: 'Pound (£)'
                                    }
                                }],

                                tooltip: {
                                    shared: true
                                },
                                plotOptions: {
                                    column: {
                                        grouping: false,
                                        shadow: false,
                                        borderWidth: 0
                                    }
                                },
                                series: [{
                                    name: 'Retail - Sales Value',
                                    color: 'rgba(165,170,217,1)',
                                    data: [@ViewBag.ReSale],
                                    pointPadding: 0.3,
                                    pointPlacement: -0.2
                                }, {
                                    name: 'Retail - Margin Pound',
                                    color: 'rgba(126,86,134,.9)',
                                    data: [@ViewBag.ReMargin],
                                    pointPadding: 0.4,
                                    pointPlacement: -0.2
                                }, {
                                    name: 'Trade - Sales Value',
                                    color: 'rgba(248,161,63,1)',
                                    data: [@ViewBag.TraSale],
                                    pointPadding: 0.3,
                                    pointPlacement: 0.2
                                }, {
                                    name: 'Trade - Margin Pound',
                                    color: 'rgba(186,60,61,.9)',
                                    data: [@ViewBag.TraMargin],
                                    pointPadding: 0.4,
                                    pointPlacement: 0.2
                                }]
                            });
                        });
		</script>
<div id="div_chart" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
